{% extends 'custom_base_site.html' %}
{% block chart %}
    <script src="/static/vue/vue.js"></script>

    <link rel="stylesheet" href="/static/vue-element/vue-element.css">
    <script src="/static/vue-element/vue-element.js"></script>

    <script src="/static/highcharts/highcharts.js"></script>
    <script src="/static/highcharts/highcharts-more.js"></script>
    <script src="/static/highcharts/modules/exporting.js"></script>
    <script src="/static/highcharts/modules/export-data.js"></script>
    <script src="/static/highcharts/modules/oldie.js"></script>
    <script src="/static/html-util.js"></script>


    <div id="container" style="min-width:400px;height:400px"></div>



    <script>
        // 千万注意字符型模板变量传递给js时加引号
        let chartOptions = {{ chart_options | safe }};
        let bubbleDiagram = Highcharts.chart('container', chartOptions);

    </script>
{% endblock %}